<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>地图测试</title>
    <!-- Tell the browser to be responsive to screen width -->
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
</head>
<body class="layout-top-nav"><!--skin-blue-light -->
<div class="page wrap-week">
   
    <!-- 这里是页面内容区 -->
    <div class="content">

        <div class="card card-echarts">
            <div class="card-header"><p>地图测试</p></div>
            <div class="card-content">
                <div class="card-content-inner">
                    <div  class="mmChart"
                          data-chart_type="map"
                          style="height:24.5rem;"

                    >
                    </div>
                </div>
            </div>
        </div>

    </div>
</div>

<!-- ./wrapper -->
<script src="../lib/jquery.min.js"></script>

<script src="../lib/echarts.min.js"></script>

<script src="../mm.echarts.js"></script>
<script src="../lib/china.js"></script>

<script>
    $(function(){

         var dataset=[{"NAME":"上海","value":15.41},{"NAME":"云南","value":36.91},{"NAME":"内蒙古","value":28.04},{"NAME":"北京","value":11.36},{"NAME":"吉林","value":21.21},{"NAME":"四川","value":61.32},{"NAME":"天津","value":11.46},{"NAME":"宁夏","value":0.06},{"NAME":"安徽","value":40.47},{"NAME":"山东","value":11.93},{"NAME":"山西","value":3.75},{"NAME":"广东","value":223.41},{"NAME":"广西","value":6.31},{"NAME":"江苏","value":14.65},{"NAME":"江西","value":8.51},{"NAME":"河北","value":10.21},{"NAME":"河南","value":0.55},{"NAME":"浙江","value":34.47},{"NAME":"海南","value":4.39},{"NAME":"湖北","value":55.24},{"NAME":"湖南","value":79.64},{"NAME":"甘肃","value":0.04},{"NAME":"福建","value":2.71},{"NAME":"西藏","value":8.59},{"NAME":"贵州","value":0.00},{"NAME":"辽宁","value":2.52},{"NAME":"重庆","value":19.07},{"NAME":"青海","value":8.65},{"NAME":"黑龙江","value":4.79}];

         $('.mmChart').mmEcharts({chartOptions:{legend:{show:false}},dataset:dataset,groupField:'NAME',valueFields:{'value':'收入(万元2)'}});
    });
</script>

</body>
</html>